/*  WAP主导航 */
.wapNav{overflow-y:auto;height:100%;opacity:0;transform: translateX(-100%);transition:all 0.6s;background:#fff;width:100%;position: fixed;left:0;top:0;z-index: 40;padding:60px 20px 20px 20px;}
.wapNav li{position:relative;font-size:16px;}
.wapNav li a{display:block;color:#222;height:55px;line-height:55px;border-bottom:1px solid #eee;position:relative;}
.wapNav li i{font-family:"iconfont";color:#ccc;font-size:1.2em;font-style:normal;position:absolute;right:0;top:0px;line-height:55px;transition:all .5s;}
.wapNav li.cur>a,.wapNav .cur>a:hover,.wapNav li :hover i,.wapNav .cur i{color:#f90a0a;}
.wapNav .on i{color:#f90a0a;}
.wapNav .on i{transform: rotate(180deg);}
.wapNav .navSub{display:none;border-bottom: 1px solid #eee;}
.wapNav .navSub li a{height:40px;line-height:40px;padding-left:20px;font-size:15px;border:none;color:#333;}
.wapNav .navSub ul{background:#f1f1f1;}
.wapNav .navSub ul li a{height:34px;line-height:34px;padding-left:60px;}
.wapNav .menu{overflow:hidden;font-size:1rem;border-top:1px solid #ddd;}
.wapNav .menu a{float:left;width:50%;text-align:center;line-height:50px;border-right:1px solid #eee;color:#333;border-bottom:1px solid #eee;}
.wapNav .menu a i{font-family:"iconfont";margin-right:5px;position:relative;font-style:normal;color:#666;font-size:1rem;}
.wSearch{background:#f1f1f1;overflow:hidden;padding:15px;font-size:12px;}
.wSearch form{margin:0 auto;background:#fff;height:40px;overflow:hidden;padding-right:60px;}
.wSearch .sear_text{width:100%;float:left;height:40px; line-height:40px;color:#666; padding-left:10px;}
.wSearch .sear_btn{ float:left;width:60px;height:40px; cursor:pointer;text-align:center;background:#333;color:#fff;font-size:14px;transition:all 0.3s;margin-right:-60px;}
.wSearch .sear_btn:hover{background:#f90a0a;}


@media all and (max-width:1620px) {
  .container{padding-left:30px;padding-right:30px;}
  .pd60,.listWrap,.listMenu_box {overflow:hidden;}
  .headTel, .banner .btn{right:30px;}
  .banner .num,.banner div.progress{left:30px;}
  .breadCrumb p{background-position:30px center;padding-left:60px;}
  .listMenu_box{box-shadow:0 3px 8px #eee;}
}



@media all and (max-width:1440px) {
  body{font-size:.875rem;}
  .nav{margin-right:180px;font-size:1rem;}
  .footer{font-size:.75rem;}
  .solutinMain li{height:500px;}
  .oddsSlide li{height:700px;}
  .oddsSlide li .txt{top:320px;}
  .oddsMenu{bottom:60px;}
  .newsL li .pic{height:320px;}
  .newsR li a{height:95px;}


  .proSide_sub li a{height:70px;line-height:70px;}
  .proSider .title span::after{height:24px;}
  .proList ul{margin-right:-20px;}
  .proList li{padding-right:20px;margin-bottom:20px;}
  .solutionIndex li .pic{height:560px;}
  .listMenu a{padding:0 30px;font-size:16px;}
  .culture li{height:620px;}
  #dituContent{height:500px;}
}

@media all and (max-width:1260px) {
  .container{padding-left:15px;padding-right:15px;overflow:hidden;}
  .header{font-size:.875rem;}
  .headTel{right:15px;}
  .logo img{height:45px;}
  .footWx{width:130px;}
  .hTitle{font-size:1.75rem;}
  .oddsSlide li{height:680px;}
  .odds .hTitle{top:60px;}
  .oddsMenu{bottom:60px;}
  .aboutL .pic{height:460px;}
  .aboutNum li{height:180px;}


  .listBan, .mzsmBanner{height:380px;}
  .breadCrumb p{background-position:15px center;padding-left:40px;line-height:30px;}
  .proSider{font-size:1em;}
  .proList ul,.videoList ul,.newsList ul,.caseList{margin-right:-15px;}
  .proList li,.videoList li,.newsList li,.caseList li{padding-right:15px;margin-bottom:15px;}
  .proSide_sub li a{padding-right:20px;}
  .gallerySmall li{width:25%;}
  .proShow_r{font-size:14px;}
  .proShow_r .title{font-size:24px;}
  .solutionIndex li .pic{height:520px;}
  .solutionIndex li .txt{height:180px;}
  .listMenu_box::after{display:none;}
  .listMenu_box{box-shadow:0 3px 8px #eee;}
  .listMenu a{padding:0 25px;font-size:14px;}
  .menuSub a{margin-right:20px;}
  .solutionShow li,.solutionFont{height:460px;}
  .showdec_s,.caseShow_info{padding:40px;}
  .showdec_s .bgImg{height:340px;}
  .showTie2{padding:30px 40px;}
  .showTie2::after{left:40px;width:80px;}
  .setting li.big,.setting li{width:33.3%;}
  .setting li:nth-child(7){display:none;}
  .culture li{height:620px;}
  .culture .swiper-pagination{display:block;}
  .contactBox1 ul{padding:5% 3%;}
  .searchList li{width:33.3%;}
  .proInfo .pic{height:400px;}
  .partnerList li{width:16.66%;}
  #dituContent{height:460px;}
}



@media all and (max-width:1024px) {
  body{padding-top:60px;font-size:.875rem;}
  .header{height:60px;line-height:60px;background:#fff;border-bottom: 1px solid #eee;}
  .header .container{height:60px;}
  .logo img{height:38px;}
  .nav,.gr_kefu,.banner .big,.headTel,.proSide_sub,.listMenu_box p,.relaPro,.proShow_R .wx,.picShow_r{display:none;}
  .navTrigger,.wapTel,.banner .small,.wapTip,.proSider .title i{display:block;}
  .nav_on{opacity:1;transform: translateX(0);}
  .footMenu{float:none;width:100%;display:block;} 
  .footMenu dl{width:100%;border-bottom: 1px solid #555;margin-bottom:15px;}
  .footMenu dt{margin-bottom:15px;font-size:15px;}
  .footMenu dd{display:none;padding-bottom:15px;}
  .footMenu dd a{padding-left:20px;}
  .footMenu dt::after,.footMenu dt::before,.wapLang{display:block;}
  .footMenu .n a{display: block;}
  .footTxt{max-width:62%;margin-left:0;}
  .copyright p{float:none;display:inline;}
  .banner .mouse,.banner .btn{display:none;}
  .banner .num{left:50%;margin-left:-85px;bottom:10px;}
  .banner div.progress{margin-left:0;left:50%;width:120px;margin-left:-60px;bottom:20px;}
  .banner .total{left:50%;margin-left:70px;}
  .pd60, .listWrap{padding-top:40px;padding-bottom:40px;overflow:hidden;}
  .aboutL,.aboutR,.newsL,.newsR,.proSider,.proList,.gallery,.proShow_main,.picShow_r,.proShow_R,.solutionIndex li .pic,.aboutBox_r,.aboutBox_l,.service .pic,.service .info,.solutionShow,.solutionFont,.newsShow{float:none;width:100%;}
  .hTitle{font-size:1.5rem;}
  .solutinMain li{height:420px;}
  .odds{font-size:1.143em;padding:0;}
  .odds .hTitle,.oddsSlide li .txt,.oddsMenu{width:100%;left:0;margin-left:0;}
  .oddsSlide{border-radius:0;}
  .oddsSlide li{height:560px;}
  .oddsSlide li .txt{top:260px;}
  .oddsMenu{left:15px;right:0;width:auto;bottom:20px;}
  .oddsMenu li{width:25%;padding-right:15px;}
  .oddsMenu li a{width:100%;height:auto;border-radius:3px;}
  .oddsMenu li a i{padding-top:5px;margin-bottom:5px;}
  .aboutL,.newsL {margin-bottom:15px;}
  .aboutR{text-align:left;}
  .aboutR .txt,.aboutR .hMore{margin-bottom:25px;}
  .layer_video{width:96% !important;height:60% !important;}
  .aboutNum{position: static;width:100%;display:flex;justify-content: space-between;flex-flow:row wrap;}
  .aboutNum li {padding:0 2%;height:auto;border:none;width:auto;}
  .aboutNum li i{font-size:2em;}
  .aboutBox_r,.service .pic{height:420px;}
  .listBan .txt{top:50%;}


  .breadCrumb{ box-shadow: 0 3px 7px #f1f1f1;font-size:12px;margin-top:-1px;}
  .breadCrumb p{padding:15px;padding-left:40px;background-size:15px;}
  .proSider{margin-bottom:30px;}
  .proSider .title span::after, .solutionIndex li .info::after,.listMenu .cur.on::before{display:none;}
  .proSider .title span{padding-left:0;}
  .proSider .title{background:none;height:52px;line-height:50px;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;color:#191919;font-size:18px;text-align:left;padding:0;}
  .proSide_sub li a{height:50px;line-height:50px;}
  .proSide_sub .sub{padding:10px;margin-top:-10px;}
  .proSide_sub>li::after{content:"";position:absolute;right:0;width:60px;height:50px;top:0;}
  .gallery .btn{bottom:auto;top:50%;height:40px;line-height:40px;}
  .gallerySmall{opacity:0;transform:scale(0);height:0;}
  .proShow_R .font,.proShow_main .info,.contactInfo .txt,.contactInfo .txt{min-height:auto;}
  .proShow_font .tel{padding-top:10px;padding-bottom:10px;}
  .proShow_R .btn a{float:left;margin-right:20px;}
  .proShow_R,.solutionIndex li .txt,.solutionFont{height:auto;}
  .proShow_box1{margin-bottom:40px;}
  .solutionIndex li .pic{height:500px;float:none !important;}
  .solutionIndex li .info{position:static;width:100%;line-height:1.8;background:#f7f8fa;}
  .solutionIndex li h3{font-size:32px;}
  .listMenu_box{height:auto;line-height:2;padding:0;}
  .listMenu{margin-top:-1px;width:100%;}
  .listMenu a{line-height:56px;padding:0 20px;} 
  .menuSub{padding:15px;text-align:center;}
  .relativeS ul{margin-right:-15px;}
  .relativeS li{padding-right:15px;width:33.3%;}
  .solutionFont .title{margin-bottom:20px;}
  .newsSlide{margin-bottom:30px;}
  .newsSlide li .pic{height:400px;}
  .newsList li{width:50%;}
  .aboutBox1 .more{margin-top:40px;}
  .aboutBox1 .pic{margin-top:40px;}
  .aboutNum2{margin-top:0;border-radius:0;height:auto;}
  .culture li{height:460px;}
  .culture li .txt{padding-top:25%;}
  .culture li i{width:60px;height:60px;background-size:60px;}
  .culture li:hover i{background-position: 0 -60px;}
  .proList,.picList ul,.caseList ul{margin-right:-15px;}
  .proList li,.picList li,.caseList li{padding-right:15px;width:33.3%;}
  .faqList li {width:100%;float:none;margin-bottom:10px;}
  .faqList li .txt{height:auto;text-overflow:ellipsis;display: -webkit-box;overflow: hidden;line-clamp:3;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;-webkit-line-clamp:3;}
  .partnerList li{width:20%;}
  .contactBox1 ul{flex-flow:row wrap;}
  .contactBox1 li{margin-bottom:15px;}
  .contactInfo,.feedback{float:none;width:100%;}
  .contactBox2 {margin-top:0;margin-bottom:40px;}
   #dituContent{height:420px;margin-bottom:25px;}

}


@media all and (max-width:768px) {
  .pd60,.listWrap{padding-top:30px;padding-bottom:30px;}
  .copyright{padding:15px 0;}
  .hTitle{margin-bottom:25px;}
  .footMain{padding-top:20px;padding-bottom:20px;}
  #dituContent{float:none;width:100%;}
  .solutinMain li{height:380px;}
  .solutinMain li a .txt{bottom:30px;}
  .solutinMain li h4{font-size:1.25em;}
  .solutinMain li p{display:none;}
  .oddsSlide li{height:580px;}
  .oddsSlide li p{min-height:auto;margin-bottom:30px;text-overflow:ellipsis;display: -webkit-box;overflow: hidden;line-clamp:4;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;-webkit-line-clamp:4;}
  .hMore{height:38px;line-height:36px;font-size:14px;}
  .hMore i{margin-left:8px;}
  .odds .hTitle{top:40px;}
  .oddsSlide li {height:500px;}
  .oddsSlide li .txt{top:150px;}
  .oddsMenu{bottom:40px;}
  .aboutR .txt{font-size:15px;}
  .aboutL .pic{height:400px;margin-top:20px;}
  .newsL li .pic{height:260px;}
  .newsL li p{height:60px;}

  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}
  .listBan, .mzsmBanner,.solutionIndex li .pic,.aboutBox_r,.service .pic{height:360px;}
  .proList ul{margin-right:-10px;}
  .proList li{width:50%;padding-right:10px;margin-bottom:10px;}
  .breadCrumb p{padding-top:10px;padding-bottom:10px;}
  .breadCrumb .back{display:none;}
  .listMenu a{padding:0 15px;font-size:15px;}
  .galleryBig{height:auto;;}
  .galleryBig li{height:100%;line-height:100%;}
  .proShow_main .tie{margin:15px 0;}
  .proShow_main .title, .showTie2{height:1.5em;height:70px;line-height:70px;}
  .showdec_s{padding:0;border:none;}
  .relativeS li{width:50%;}
  .relativeS li,.showTie h2{margin-bottom:15px;}
  .relativeS li p{height:40px;line-height:40px;}
  .solutionCon .tie, .relativeS .tie{font-size:1.8em;margin-bottom:15px;}
  .showTie2{padding:0;font-size:20px;background:none;padding-bottom:20px;}
  .showTie2::after{left:0;width:75px;}
  .newsSlide li .pic,.newsSlide li .txt{float:none;width:100%;}
  .newsSlide li h4{height:auto;}
  .newsSlide li .txt{padding:25px;}
  .newsSlide .swiper-pagination{bottom:auto;left:auto;right:4%;top:420px;}
  .newsList ul,.caseList{margin-right:-10px;}
  .newsList li,.caseList li{padding-right:10px;margin-bottom:10px;}
  .show-synopsis,.showTie{margin-bottom:25px;}
  .aboutNum2{padding:15px;flex-flow:row wrap;}
  .aboutNum2 li span{margin-right:10px;letter-spacing:-2px;}
  .aboutNum2 li{width:50%;padding:15px 0;}
  .culture li::after{height:0;}
  .culture li i{background-position: 0 -90px;}
  .culture li .txt,.culture li h4{color:#fff;}
  .aboutBox1 .more,.aboutBox1 .pic{margin-top:25px;}
  .listTie{margin-bottom:30px;font-size:2rem;margin-bottom:25px;}
  .listTie span{font-size:12px;}
  .picList ul,.caseList ul{margin-right:-10px;}
  .picList li p{margin-top: 10px;}
  .picList li,.caseList li{padding-right:10px;margin-bottom:15px;width:50%;font-size:13px;}
  .partnerList li{width:25%;}
  .feedback .title{margin-bottom:20px;}
  .showPage a,.showPage a:nth-child(2),.newsRelative,.proInfo .pic,.proInfo .txt{float:none;width:100%;}
  .showPage{height:auto;line-height:1.4}
  .showPage a{margin-top:15px;}
  .showPage a,.showPage a:nth-child(2){display:block;}
  .showPage a:nth-child(3){border:none;border-top: 1px solid #ddd;width:100%;margin-top:10px;line-height:40px;}
  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}
}

@media all and (max-width:640px) {  
  .logo img{height:32px;}
  .footTxt h4{display:none;}
  .footWx{width:100px;}
  .hTitle{font-size:1.375em;}
  .hTitle span{font-size:1.364em;letter-spacing:0;}
  .oddsSlide li {height:420px;}
  .oddsMenu{padding-right:8px;bottom:20px;}
  .oddsMenu li{padding-right:6px;}
  .oddsMenu li a{padding:15px 10px;}
  .oddsMenu li a i{padding-top:0;background-size:28px;width:28px;height:28px;}
  .oddsMenu .on a i{background-position:0 -28px;}
  .newsL li:nth-child(2),.newsList li .date i{display:none;}
  .newsL li {width:100%;}
  .newsL li p{height:auto;margin-bottom:20px;text-overflow:ellipsis;display: -webkit-box;overflow: hidden;line-clamp:3;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;-webkit-line-clamp:3;}
  .newsR,.newsL li .txt{padding:15px;}


  .listBan, .mzsmBanner,.solutionIndex li .pic,.showdec_s .bgImg,.newsSlide li .pic,.aboutBox_r,.service .pic{height:300px;}
  .listBan .txt{font-size:18px;}
  .listBan .txt h3{padding-bottom:0;margin-bottom:10px;}
  .proList li i,.listBan .txt h3::after{display:none;}
  .proList li p{text-align:center;height:60px;line-height:60px;font-size:14px;padding:0 10px;}
  .proShow_R .title{font-size:1.8em;}
  .proShow_R .tel{padding-left:0;background:none;}
  .proShow_R .btn{margin-top:20px;}
  .proShow_R .btn a{width:48%;margin:0;height:40px;line-height:40px;}
  .proShow_R .btn a:nth-child(2){float:right;}
  .gallery .btn{width:24px;}
  .solutionIndex li h3{font-size:28px;margin-bottom:15px;}
  .solutionIndex li h3 a::after{width:50px;height:2px;}
  .solutionIndex li h3 a{padding-bottom:15px;}
  .menuSub a{margin-right:14px;padding-left:10px;}
  .menuSub a::after {width:3px;height:3px;}
  .solutionShow li{height:380px;}
  .newsSlide li .txt{padding:15px;}
  .newsSlide li h4{font-size:1em;}
  .newsSlide li h4{font-size:1.286em;}
  .newsSlide .swiper-pagination{top:330px;}
  .newsList li .txt{padding:10px;}
  .newsList li p{display:none;}
  .newsList li h4{font-size:14px;}
  .aboutTxt .more{width:100%;}
  .aboutPic{height:340px;}
  .aboutTxt .title{letter-spacing:1px;}
  .settingMenu{padding:0 15px;margin-bottom:15px;}
  .settingMenu a{margin:0 5px;}
  .setting li.big,.setting li{width:50%;}
  .setting li{padding:0 2px;margin-bottom:4px;}
  .contactInfo .ewm,.contactInfo .zx{width:140px;}
  .contactInfo .ewm{margin-right:40px;}
  .contactInfo .ewm::after{right:-20px;}
  .proInfo .pic{height:300px;}
  .feedback p,.feedback .sub{width:100%;float:none;}
  .feedback .code .c{width: 60%;}
  .feedback .code .sub{margin-top: 10px;float:none;width:100%;height:50px;line-height:50px;}
  .feedback p{height:50px;line-height:50px;}
  .feedback .tarea{height:100px;}
  .honorSlide li .pic,.honorList li .pic{height:280px;line-height:280px;}
  #dituContent{height:300px;}
  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}

}

@media all and (max-width:480px) {
  .logo img{height:28px;}
  .solutinMain li{height:320px;}
  .newsSlide li .pic{height:240px;}
  .oddsSlide li .txt{top:160px;}
  .oddsSlide li p{margin-bottom:20px;font-size:14px;}
  .oddsMenu{width:100%;overflow-x:scroll;}
  .oddsMenu ul{width:580px;overflow:hidden;}
  .oddsMenu li{width:25%;}
  .aboutNum{margin-top:-1px;}
  .aboutNum li{width:50%;text-align:center;border-left:1px solid #e1e1e1;border-top: 1px solid #e1e1e1;padding:20px 0;margin-top:-1px;}
  
  .listBan, .mzsmBanner,.solutionIndex li .pic,.showdec_s .bgImg,.aboutBox_r,.service .pic,.proInfo .pic{height:260px;}
  .listBan .txt{font-size:14px;}
  .proList li p{height:42px;line-height:42px;}
  .solutionIndex li h3{font-size:24px;}
  .solutionIndex li{margin-bottom:30px;}
  .solutionShow li{height:220px;}
  .newsList li h4{font-size:13px;}
  .newsSlide .swiper-pagination{top:270px;}
  .listTie{font-size:1.8rem;}
  .aboutNum2{text-align:center;}
  .aboutNum2 li span{font-size:2.5em;display:block;float:none;}
  .aboutNum2 li p{float:none;}
  .culture li {height:360px;}
  .culture li .txt{padding-top:10%;;}
  .culture li h4{padding-bottom:15px;margin-bottom:25px;}
  .contactBox1 li:before{font-size:30px;}
  .contactBox1 li{padding-left:45px;width:100%;}
  .partnerList li{width:33.3%;}
  .honorSlide li .pic,.honorList li .pic{height:160px;line-height:160px;}
  #dituContent{height:260px;}
}
@media all and (max-width:390px) {
  .logo img{height:24px;}
  .footWx{width:90px;}
  .footWx span{width:100px;margin-left:-10px;margin-top:5px;}

  .listBan,.mzsmBanner,.solutionIndex li .pic,.showdec_s .bgImg,.newsSlide li .pic,.aboutBox_r,.service .pic,.proInfo .pic{height:200px;}
  .proMain li .pic,.newsL li .pic{height:200px;}
  .oddsSlide li{height:420px;}
  .newsSlide .swiper-pagination{top:230px;}
}